body{
	background-color:#660000;
	font-size:14px;
margin: auto !important;
	line-height:2em;
	max-width: 1300px;
	
	box-sizing: border-box;
	box-shadow: 1px 1px  5px #888888;
	
}

.banner{
	width:200px;
}



.cen{
	text-align:center;

}




  img{
	  max-width:100%;
  }
  
  


.contact{ padding: 30px 60px;;}








.topheader a:hover{display:inline-block;padding:3px;background-color:#f4f6f8;background-position:center;}

.topheader{background-color:#333333;height:50px; color:black;margin-top:-15px;}
.topheader p {color:white;}
 .topheader > img{margin-top:15px;}
.navc{position:absolute;left:50px;}
span{color:white;margin-bottom:5px;}
.strong{font-weight:bold;color:black;}
.sicons{position:absolute;right:20px;top:10px;}
.maincontents p{color:black;}

.maincontents {
	width:19%;
	margin-left:1%;
	float:left; 
	}

	
	
.ms {
	width:24%;
	margin-left:1%;
	float:left; 
	}

	
	
	.m{
		padding:20px;
	}
	
	
	
	
.main{
	padding:20px;
	padding-right:25px;
}




.parctice{font-size:30px;font-weight:bold;color:#333333;border-bottom:4px dotted orange;padding-bottom:5px;margin-bottom:50px;}
#yellow { background-color:yellow;}
#white { background-color:white;}
#white h1{ margin-bottom:20px; margin-left:90px; float:left;}


.cho{
	padding:20px;
	
}
.choc{ 
	width:32.3333%;
	margin-left:1%;
	
		
	float:left;
		
		}





}


.ccontents a:hover{background-color:#cccccc;display:inline-block;padding:3px;}
.ccontents a:hover{background-color:#cccccc;display:inline-block;padding:3px;}

.ccontents {width:24%; float:left;margin-left:1%;}

.abbc{width:49%; margin-left: 1%;float:left; 
}

.abb{
	padding:30px;
}
.ccontents h1 {color:#003366;text-align:left; margin-bottom:-20px;}
.ccontents p{text-align:left;font-weight:italics;}
.ccontents hr{width:180px;color:#cccccc;}
a .toast{text-decoration:none;color:orange;font-weight:bold;}

.clients h1{float:left; margin-left:90px;}






.ht {
	background-image:url(tag.jpg);
	height:140px;

}



.acontents p{color:black;}
.acontents {width:30%; float:left; margin-left:10px;margin-right:10px;text-align:center;margin-top:10px;}
.acontents p{text-align:left;margin-left:60px;font-weight:italics;}


a{text-decoration:none;color:black; padding:3px; font-weight:bold;}
a:hover{text-decoration:none;color:white;font-weight:700px;background-color:orange;}

a.al:hover{background-color:orange;}




.pco ul{text-decoration:none;list-style-type:none;text-align:left;}



.pareas{padding-top:50px; margin-right:20px;margin-left:10px;}
.pco li{text-decoration:none;text-align:left;}
.pareascontent{color:black; width:40%;float:left;margin-left:50px;margin-right:1px;}


.pareascontent p{color:black;text-align:justify;}

.pareascontent h1{color:black;text-align:center; font-size:32px;}

.pareascontent hr{width:200px;text-align:center;}










.photo-grid li a{display:inline;text-decoration:none;list-style-type:none; background-color:white;background-image:none; }




.img-list li{display:inline;text-decoration:none;list-style-type:none; background-color:white;}

.photo-grid {
max-width: 1350px;
text-align: center;
margin-left:-100px;
}
.photo-grid li {
border: 5px solid white;
display: inline-block;
margin: 1.5em;
width: 300px;
list-style-image:none;
}
.photo-grid img {
display: block;
height: auto;
max-width: 100%;
}
.photo-grid figure {
height: 200px;
overflow: hidden;
position: relative;
width: 300px;
}
.photo-grid figcaption {
background: rgba(0,0,0,0.8);
color: white;
display: table;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
.photo-grid figcaption p {
display: table-cell;
font-size: 1em;
position: relative;
top: 50px;
width: 300px;
vertical-align: middle;
}


.photo-grid li:hover figcaption {
opacity: 0.9;
}

.photo-grid img {
display: block;
height: 200px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
max-width: 100%;
}
.photo-grid li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

.photo-grid figcaption p {
display: table-cell;
font-size: 1.3em;
position: relative;
top: -40px;
width: 300px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
vertical-align: middle;
}
.photo-grid li:hover figcaption p {
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
}

.photo-grid figcaption {
background: rgba(0,0,0,0.8);
color: white;
display: table;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
z-index: 100;
}




a.al:hover img{
	opacity: 0.1;
    filter: alpha(opacity=50);

}


.ht {
	background-image:url(tag.jpg);
	height:140px;
text-align:left;
padding-left:30px;
}



.ht h1{color:white;text-align:left;font-size:34px;font-weight:bold; margin-bottom:0.3em;padding-top:40px;}


.ht a{color:white;text-align:left;font-size:17px;font-weight:italics; padding-bottom:-20px;display:inline;background-color:none;}














a.pl:hover{
		
border-radius:100px;
padding-top:135px;
background-color:orange;
font-size:1.3em;

}









a.border{
	color:white; 
	font-weight:bold;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:1.3em;
	text-decoration:none;
	margin: 0.5 0 0 0;
	
	background-color:#263262;
	padding:15px;
	}
	
	
a.border:hover{
		color:white;
		font-size:1em;
		background-color:#0093dd;
		border-radius:10px;
}


body {margin:0;}

ul#myTopnav {
  list-style-type:none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #131d38;
  min-height:60px;
  margin-top:-40px;

}
#icon{
	float:left;
}
#nav-bar{
	float:right;
	min-width:200px;
	
}
#top-bar{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #999999;
  min-height:65px;

}

li a{background-repeat:no-repeat;background-position:0px 15px;padding-left:20px;} 
#myTopnav img{float:left;padding-right:0px;}
#myTopnav ul {float:left}
#myTopnav li {float:left; text-align:center }

ul#myTopnav li a:last-child {background-color:;clear:both;}

ul#myTopnav li a {
  display: block;
  color: gold;
  text-align:center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.8s;
  font-size: 17px;
  padding-top:40px;
    padding-bottom:20px;
margin-top:30px;
margin-left:70px;
margin-bottom:10px;
 font-family: 'Segoe UI'; 
 font-weight:bold;
}

ul#myTopnav li a:hover {background-color:yellow;color:black;margin-bottom:10px;}

ul#myTopnav li.icon {display: none;}

@media screen and (max-width:1124px) {
  ul#myTopnav li {display: none;}
  ul#myTopnav li.icon {
    float: right;
    display:block;
	padding:5px;
	height:60px;
  }
  
  ul#myTopnav li a {
  display: block;
  color: gold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.8s;
  font-size: 17px;
  padding-top:40px;
    padding-bottom:20px;
	padding-left:-70px;
padding-right:-70px;
margin-top:2px;
padding-left:30px;
padding-left:30px;
 font-family: 'Segoe UI','Lato';
}
  
  
  
  
 
  
  
  
  
}



















@media screen and (max-width:1126px) {

		
.choc{ width:100%;}
.choc I img {max-width:200px; }
.maincontents img  {max-height:400px;  }

  .maincontents {
	width:19%;
	margin-left:1%;
	float:left; 
	}
.ccontents{ width: 48%;}
  ul#myTopnav.responsive {position: relative;}
  ul#myTopnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul#myTopnav.responsive li {
    float: none;
    display: inline;
  }
  ul#myTopnav.responsive li a {
    display: block;
    text-align: left;
  }
	ul.bjqs-controls.v-centered li a{display:none;}
	
	p.bjqs-caption{display:none;}
	
	
.topheader{background-color:white;height:150px; color:black;margin-top:-15px;}
.sicons{position:absolute;left:40%;top:28px;}
	
  }

  @media screen and (max-width:839px) {
  .maincontents {width:100%; float:none;}
.lcontents {width:100%; float:none; margin-left:5px;margin-right:5px;}

  
 .lcontents {margin-left:-30px;font-size:0.3em;}
 
 
	
.ms {
	width:49%;
	margin-left:1%;
	float:left; 
	}

  }
  
  
  
@media screen and (max-width:500px) {


.pareascontent{color:black; width:100%;text-align:left;margin-left:2px;}

.abbc{width:100%; float:none; margin-top:15px;}

.ccontents{ width: 100%;}

.choc img {margin-left:0px; }

}
  
  
  
  
  
  
ul#myTopnav li a {
  display: inline-block;
  color: gold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.8s;
  font-size: 17px;
  padding-top:10px;
    padding-bottom:10px;
}

  
  .lcontents p{font-size:18px;text-align:left;margin-left:50px;}
  
  
  
  }

	

#banner-fade ul{
	border-radius:0px;
	margin-top:-2px;
	}



#banner-fade  li  a{
    
	font-weight:bold;
	border: 2px solid gold;

}
.clear-fix{
	clear:both;
	line-height:1px;
}



	
 .logo {
	position:absolute;
	top:10px;
	left:5px;	 
	height:100px;
	width:400px;
	z-index:-1;
	float:right; 
 }


 
.page{
	max-width:1350px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color:#330066;


}

.pic img{
	max-width:100%;
}

.social>a>img{
	max-width:35px; 
	padding-left:20px;
}



img{ max-width:100%;}	
	
	
	
		
a.ctaa{
	color:white; 
	font-weight:bold;
	padding:15px;
	text-transform:uppercase;
	font-size:0.9em;
	text-decoration:none;
	margin: 0.5 0 0 0;
	background-color:#000033;

	
	}
	
	
a.ctaa:hover{
		color:black;
		font-size:1em;
		background-color:yellow;
		border-radius:10px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
a.cta{
	color:white; 
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
	font-size:0.9em;
	text-decoration:none;
	margin: 0.5 0 0 0;
	background-color:#0093dd;
	border-radius:10px;
	padding:10px;
	}
	
	
a.cta:hover{
		color:white;
		font-size:1em;
		background-color:#263264;
		border-radius:10px;
}

	
	article{
		color:black;
		padding-left:40px;
		padding-right:40px;
		text-align:justify;
		}
		
		p{color:white
		}
	
	footer{
		font-size:0.9em;
	color:black;
		
		padding: 20px 10px 20px 10px;
		font-weight:bold;
		position:static;
		text-align:center;
		width:100%;
		height:auto;
		
		
		}
		
		
		
		
	footer p{
		
	color:black;
		
		
		
		
		}
		
		
		
		
		
		
		
		
	
	hr{max-width:900px;
		color:orange;}
.ourcompany h2{color:gold;}
	.ourcompany{
			width:33%;
			float:left;
			color:white;
		
			text-align:center;
			margin-bottom:0px;
			height:250px;
			font-weight:bold;
			border-radius:3px;
			color:black;
	
	}



.ourcompany ul{
	list-style-type:none;
	padding:10px 10px 10px 10px;
	}

.ourcompany li{
	padding:10px 10px 0px 10px;
	text-align:left;
	text-align:center;
	}
	
	
.clear-fix{
	clear:both;
	line-height:1px;
	}
	
	
.quote{
	border:3px solid orange;
	border:10px 10px 10px 10px;
	max-width:200px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	padding:10px;
	border-radius:70px;
	
	}
	
.quote a {text-decoration:none;}	
	
.quote a:hover {
	text-decoration:none;
	background-color:gold;
	
	}	
	
	
.g{
	color:gold;
	font-weight:bold;}	
	
.w{color:white}

.y{
	color:yellow;
	font-weight:bold;
	font-size:1em;
	
	}	
	
	
	.socialb{ 
	width:100%;
	background-color:#663366;}
	
.socialb>a>img{
	max-width:35px; 
	padding-left:10px;
	
	}
	



@media screen and (max-width:605px) {



.ccontents h1 {color:orange; text-align:left; color:#003366;}
.ccontents p{text-align:left;}
.ccontents hr{width:80px;color:#cccccc;margin-left:2px;}
.abbc{width:100%; float:none; }

	
.ms {
	width:100%;
	float:none; 
	}
  
.pareascontent{color:black; width:100%;float:right;text-align:center;margin-left:20px;}


}


@media screen and (min-width:320px) and (max-width:900px){
 
header img{
	position:relative;
	left:0px;}
	}

	nav li.dropdown {
    display: inline-block;
	border-radius:40px;
	margin-left:60px;

}

	.cimage img {
	max-width:100%;
	height:auto;
	}
	
	.whole .wcontent img {
	max-width:90%;}
	
.whole .wcontent{
	width:50%;
	float:left;
	
	}
	
		
		.whole .wcontent h1 {
			text-align:left;
			color:gold;
			}
			
	.whole{
		text-align:left;
		margin-left:20px;
		}
		
		
	.yn{
		color:white;
		text-align:center;
		font-weight:bold; 
		font-size:1.em;
		}
	
	
	.q{
		color:white;
		text-align:center;
		font-weight:bold;
		font-size:1.5em;
		}
		
		
	.pimage{max-width:100%;}
	
	.pimage img{max-width:100%;}
	
	.pagetag{
	height:30px;
	background-color:#6f2076;
	position:static;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	.pagetag h1{
		text-align:left;
		color:yellow;
		font-weight:bold;
		margin-left:10px;
		}
		
		
	.hpagetag{
	height:20px;
	background-color:#3f0a44;
	position:static;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	
	}
	
	.hpagetag img{
		max-height:25px;
		margin-bottom:10px;
		padding-left:5px;
		}
		
	.call img{
		max-height:20px; 
		float:right;
		margin-bottom:10px;
		padding-left:10px;
		position:absolute;
		top:20px;
		right:10px;
		}










	label{color:gold;font-weight:bold;}



		
	input[type=text], select {
		max-width: 30%;
		padding: 12px 20px;
		margin: 8px 0;
		color:black;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
	}

	input[type=submit] {
		max-width: 35%;
		font-weight:bold;
		background-color:gold;
		color: #003366;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}

	input[type=submit]:hover {color:white;
		background-color: #45a049;
	}


	textarea {
		max-width: 33%;
		height: 150px;
		padding: 12px 20px;
		box-sizing: border-box;
		border: 2px solid #ccc;
		border-radius: 4px;
		background-color: #f8f8f8;
		resize: none;
	}

	.checkbox{color:white;}
	
	
	body{
    font-family: 'Segoe UI','Lato', sans-serif; background-color:white; margin:0px;padding:0px;}
	
	
	
.topheader{background-color:white;height:100px; color:black;margin-top:-15px;}
	.footerlast{max-height:80px;background-color: white;position:static;color:black; margin-right:0px;padding:0px; overflow:hidden; padding: 50px 10px;}
	
  
 .footerlast a {text-decoration:none;color:black;font-weight:700px; }
.footerlast a:hover {text-decoration:none;color:white;font-weight:700px;font-size:1.1em; }
	a{border-radius:0px;}
	
h1 {
    font-family: 'Segoe UI','Lato', sans-serif;
    font-weight: bold;
    font-size: 24px;

    }
h2 {
    font-family: 'Segoe UI';
	color:#003366;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px 0;
	padding-top:20px;
    }
p {
    font-family: 'Segoe UI','Lato', sans-serif;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 23px 0;
	font-variant:normal;
    }



.ht {
	background-image:url(tag.jpg);
	height:140px;

	padding-left:30px;
	padding-top:20px;
	background-size:cover;
}



.ht2 {
	background-image:url(tag2.jpg);
	height:140px;
	
	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}



.ht3 {
	background-image:url(tag2.jpg);
	height:140px;

	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}





.ht3 a{ color:black;
	
	
}
.ht3 {
	background-image:url(cv2.jpg);
	height:300px;

	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}



.ht4 h1 {
	color:white;
	
	
}

.ht4 a {
	color:white;
	
	
}





.ht4 {
	background-image:url(cv.jpg);
	height:300px;

	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}



.ht6  h1{
	color:white;
	
}



.ht6 {
	background-image:url(civ.jpg);
	height:300px;

	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}




.ht8{
	background-image:url(pro.jpg);
	height:300px;

	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}




.ht7{
	background-image:url(cho.jpg);
	height:300px;

	background-size:cover;
	padding-left:30px;
	padding-top:20px;
}





.ht8 h1 {
	color:white;
	text-shadow: 1px 1px 3px grey;
	
	
}

.ht8  a {
	color:white;
	
	text-shadow: 1px 1px 3px grey;
	
	
}




















.civ li{
	
	list-style-image: url(lii.png);
}



.civv li{
	
	list-style-image: url(list.png);
	list-style-position: inside;
}




.gre{
	background-color:green;
	color:white;


}


.gol{
	background-color:gold;
	color:black;
	
}




table, th, td {
   
}

table {
    border-collapse: collapse;
	width: 100%;
}



th {
    height: 50px;
	 text-align: left;
	  padding: 15px;
    text-align: left;
}


td {
    height: 50px;
    vertical-align: bottom;
	 padding: 15px;
    text-align: left;
}

th, td {
    border-bottom: 1px solid #ddd;
}



tr:hover {background-color: #f5f5f5}


tr:nth-child(even) {background-color: #333366; color:white;}





.topheader { margin-top:10px;margin-bottom:-30px;}


.ccontents p{ margin-bottom:2px; font-weight:normal;}



.ccontents h1{ font-weight:normal; font-size:1.5em;}



.choc h1{
	text-align:center;
}